<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!--<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0" />-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户登录</title>
    <#include "/view/admin/head.html"/>
    <script src="${base}/jstool/extra/jquery.placeholder.js"></script>
    <script src="${base}/jstool/bootbox/4.4.0/bootbox.min.js"></script>
    <style>
        *{margin:0;padding: 0;}
        body{background: #444 url(${base}/jstool/bk/login_bk3.jpg);background-size:cover;
            font-family:"宋体";}
        .loginBox{width:420px;height:330px;padding:0 20px;border:1px solid #fff; color:#000; margin-top:40px; border-radius:8px;background: white;box-shadow:0 0 15px #222; background: -moz-linear-gradient(top, #fff, #efefef 8%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f4f4f4));font:11px/1.5em 'Microsoft YaHei' ;position: absolute;left:50%;top:50%;margin-left:-210px;margin-top:-115px;}
        .loginBox h2{height:45px;font-size:20px;font-weight:normal;}
        .loginBox .left{border-right:1px solid #ccc;height:100%;padding-right: 20px; }
        .regBtn{margin-top:21px;}
        .left{width:49%;float:left;}.right{width:49%;float:right;}
        .container{background-color:white;}
    </style>
</head>

<body>
<div class="container">
    <section class="loginBox row-fluid">
        <section class="span7 left">
            <form action="${base}/sys/login.do" method="post">
            <h2>商户登录</h2>

            <p><input class="form-control" type="text" name="username" placeholder="用户名"/></p>
            <p><input class="form-control" type="password" name="password" placeholder="密码"/></p>
            <#if viewVcode??>
                <p>
                    <div class="left"><input type="text" id="vcode" name="vcode" class="form-control" placeholder="验证码" style="width:100px;"></div>
                    <div class="right"> <a href="javascript:changePic()"><img src="${base}/Kaptcha.jpg" id="kaptchaImage" /></a></div>
                </p>
            </#if>
            <section class="row-fluid">
                <section class="span8 lh30"><label><input type="checkbox" name="rememberme" />下次自动登录</label></section>
                <section class="span1"><input type="submit" value=" 登录 " class="btn btn-primary"></section>
            </section>
            </form>
        </section>
        <section class="span5 right">
            <h2>没有帐户？</h2>
            <section>
                <p>这里有一段文字啊，很多的文字啊，太多太多的文字了，主要可以介绍介绍注册的好处和公司或者项目概况。。。</p>

                <p><input type="button" value=" 注册 " class="btn regBtn" disabled></p>
            </section>
        </section>
    </section><!-- /loginBox -->
</div> <!-- /container -->
<script>
    $(function () {
    <#if msg??>
        bootbox.alert({
            size: "small",
            title: "提示信息",
            message: "${msg!}",
            callback: function(){ /* your callback code */ }
        });

    </#if>

    });
    function changePic(){
        $("#kaptchaImage").attr("src","${base}/Kaptcha.jpg");
    }

</script>
</body>

</html>